<template>
	<view style="width: 100%; height: 100%;">
		<!-- 头部 -->
		<view class="theme-container" style="position: relative;">
			<view :style="{height: sConf.tH+'px'}"></view>
			<view class="" style="display: flex;justify-content: center;">
				<view class="top-font-title"
					style="font-size: x-large;font-weight: bolder;padding: 15px 0;color: #fff;">会员权益</view>
			</view>
			<view style="padding: 10px 20px;">
				<view class="tn-gradient-bg__cool-7"
					style="text-align: center;padding: 15px 0;width: 100%;border-radius: 10px;color: #fff;">有效期： </view>
				<view class="tn-gradient-bg__orangeyellow" style="padding: 15px;margin-top: 10px;border-radius: 10px; color: #fff;">
					<view class="">
						<text>福利</text>
						<text style="font-size: xx-large;font-weight: bolder;">1</text>
						换购会员专属礼品
						<text style="font-size: x-large;color: #dd524d;">（二选一）</text>
					</view>
					<view class="">
						<text>福利</text>
						<text style="font-size: xx-large;font-weight: bolder;">2</text>
						海量代金券 价值<text style="font-size: x-large;color: #dd524d;">200元</text>
					</view>
					<view class="">
						<text>福利</text><text style="font-size: xx-large;font-weight: bolder;">3</text>
						推荐会员享
						<text style="font-size: x-large;color: #dd524d;">10%</text>推荐佣金
					</view>
				</view>
			</view>
		</view>

		<!-- 顶部自定义导航 -->
		<tn-navbar :placeholder="true" fixed bg-color="#FFFFFF00" text-color="#fff"> {{title}}
		</tn-navbar>
	</view>
</template>

<script>
	import utils from '@/common/utils';
	export default {
		data() {
			return {
				title: ' • 会员',
				sConf: getApp().globalData,
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>

</style>